<script setup>
defineProps({
  width: {
    type: String,
    default: '100%'
  },
  height: {
    type: String,
    default: '100%'
  }
})
</script>

<template>
  <svg viewBox="0 0 24 24" :width="width" :height="height" xmlns="http://www.w3.org/2000/svg">
    <path d="m24 24h-24v-24" fill="#fff" opacity="0"/>
    <path
        d="m19.27 4.68a1.79 1.79 0 0 0 -1.6-.25 7.53 7.53 0 0 1 -2.17.28 8.54 8.54 0 0 1 -3.13-.78 10.15 10.15 0 0 0 -3.87-.93c-2.89 0-4 1-4.2 1.14a1 1 0 0 0 -.3.72v15.14a1 1 0 0 0 2 0v-4.3a6.28 6.28 0 0 1 2.5-.41 8.54 8.54 0 0 1 3.13.78 10.15 10.15 0 0 0 3.87.93 7.66 7.66 0 0 0 3.5-.7 1.74 1.74 0 0 0 1-1.55v-8.64a1.77 1.77 0 0 0 -.73-1.43z"
        fill="#d3dce6"/>
  </svg>
</template>